<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>钟毅文的个人主页</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <script src="js/jQuery.min.js"></script>
    <script src="js/jquery.fullPage.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/animate.css">  <!-- 动画效果css -->
    <script src="js/wow.js"></script>   <!-- 页面滚动动效(配合animate.css使用) -->
    <script src="js/myjs.js"></script>
</head>

<body>
    <!-- 要想用全屏滚动效果，就得在最外层包裹一个容器：fullpage -->
    <div id="fullPage">

        <div class="section" id="section0">
            <!-- 右上角的图标按钮 -->
            <a class="link" href="https://docs.rogerskelamen.cn"> 
                <div class="tr-angle"></div>
            </a>

            <div class="flex-column">
                <h1 style="color: #fafafa;" class="wow fadeIn">欢迎来到钟毅文的主页</h1><br>
                <h4 style="color: goldenrod;">Welcome to the Rogers' homepage</h4>
            </div>
        </div>

        <div class="section" id="section1">
            <h1 class="box">JS天下第一</h1>
        </div>

        <!-- <div class="section" id="section2">
            <h3>第三屏</h3>
        </div>

        <div class="section" id="section3">
            <h3>第四屏</h3>
        </div> -->

        <!-- 设置固定图标 -->
        <div id="fixed_logo">
            <a href="#screen_1"></a>
        </div>

    </div>
    
    <script>

    </script>
</body>

</html>